<script setup>

import { ref, reactive } from 'vue'

const counter = ref({
  count: 0
})

const counter2 = reactive({
  count: 0
})

function increment() {
  counter.value.count++
  counter2.count++
  console.log('count1: ', counter.value.count)
  console.log('count2: ', counter2.count)
}

</script>

<template>
  <button @click="increment">Count</button>
</template>